

<div class="modal-header">
    <h4 class="modal-title">出团通知</h4>
</div>
<div class="modal-body" >
    
    <div class="container-fluid form-horizontal ">
        <div class = "col-xs-12" style = "text-align: center;">
            <h3>出团通知单</h3>
        </div>
        <div>尊敬的先生/女士：</div>
        <div>&nbsp;&nbsp;您好！</div>
        <div style="padding-bottom: 20px">&nbsp;&nbsp;为了确保您的正常出行，请务必仔细阅读如下出团通知及后附内容。请认真阅读如下:</div>
        <div class="col-sm-12" style="color:red;font-size: 20px">线路名称：{{obj.product_name}}</div>
         <div class="col-sm-12">集合地点/时间：{{selectArray2}}</div>
        <div class="col-sm-12">出发城市：{{o.start_city_arr}}</div>
        <div class="col-sm-12">目的地城市：{{o.end_city}}</div>

        <div class="col-xs-12">
            <h4 style="color:orange">[游客信息](请仔细核对!)</h4>
        </div>
        
            <table class="table table-striped table-bordered ng-isolate-scope dataTable no-footer" >               
                <tr style="border: 1px solid black;border-collapse:collapse;border:none;">
                    <th >姓名</th>
                    <th >电话</th>
                    <th >性别</th>
                    <th >证件类型</th>
                    <th >证件号</th>
                    <th >集合信息</th>
                </tr>
                <tr style="border: 1px solid black;border-collapse:collapse;border:none;" ng-repeat="item in touristList2"> 
                    <th >{{item.lot_name}}</th>
                    <th >{{item.lot_mobile}}</th>
                    <th >{{item.sex_name}}</th>
                    <th >{{item.card_type_name}}</th>
                    <th >{{item.lot_cardno}}</th>
                    <th >{{item.assembling_place}}</th>
                </tr>
            </table>
            

        <div  class="col-xs-12">        
            <h4 style="color:orange">[行程信息]</h4>
        </div>
        <div class="col-sm-12" style="border-bottom: 1px solid #eaeff0;">
           
            <div class="col-sm-12" ng-repeat="info in aaaarr">
                
                
                              
                <div class="col-sm-12" style="color:red;font-size: 20px;">
                    {{info.a}}
                </div>
                <div class="col-sm-12">
                    {{bbbarr[$index].b}}
                </div> 
                 <div class="col-sm-12" ng-repeat="wjq in shuzu[$index]">                    
                    {{wjq}}                                           
                </div> 
                                             
            </div>
            
        </div>

         <div class="col-xs-12">
            <h4 style="color:orange">[活动特色]</h4>
        </div>
        <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0;">
            <div class="col-xs-12" ng-repeat="info in allarr">
                <div class="col-xs-12" ng-repeat="a in info">
                    {{a}}
                </div>
                
            </div>
            
        </div>

         <div class="col-xs-12">
            <h4 style="color:orange">[往返交通]</h4>
        </div>  
        <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0;" >
            <div class="col-xs-12">
                <div class="col-xs-12" ng-repeat="info in trafficarr">
                    {{info}}   
                </div>
            </div>            
        </div>

         <div class="col-xs-12">
            <h4 style="color:orange">[费用包含]</h4>
        </div>
        <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0;">
            <div class="col-xs-12" ng-show="str!=''">
                <div class="col-xs-2">
                    大交通：
                </div>
                <div class="col-xs-10">  
                    {{str}}
                </div>
            </div>
            <div class="col-xs-12" ng-show="smallstr!=''">
                <div class="col-xs-2">
                    小交通：
                </div>
                <div class="col-xs-10">  
                    {{smallstr}}
                </div>
                
            </div>
             <div class="col-xs-12" ng-show="baoxian!=''">
                <div class="col-xs-2">
                    保险：
                </div>
                <div class="col-xs-10">  
                    {{baoxian}}
                </div>
                
            </div>
            <div class="col-xs-12" ng-show="sleepstr!=''">
                <div class="col-xs-2">
                    住宿：
                </div>
                <div class="col-xs-10">  
                    {{sleepstr}}
                </div>
                
            </div>
            <div class="col-xs-12" ng-show="eatstr!=''">
                <div class="col-xs-2">
                    含餐信息：
                </div>
                <div class="col-xs-10">  
                    {{eatstr}}
                </div>
                
            </div>
            <div class="col-xs-12" ng-show="orderstr!=''">
                <div class="col-xs-2">
                    其他：
                </div>
                <div class="col-xs-10">  
                    {{orderstr}}
                </div>
                
            </div>
        </div>
        <div class="col-xs-12">
            <h4 style="color:orange">[购买须知]</h4>
        </div>
        <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0;">
            <div class="col-xs-12">
                <div class="col-xs-2" style="color:red">
                    提示信息：
                </div>
                <div class="col-xs-10">  
                    {{cautionstr}}
                </div>
                
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    补充信息：
                </div>
                <div class="col-xs-10">  
                    {{addstr}}
                </div>
                
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    重要信息：
                </div>
                <div class="col-xs-10">  
                    {{importantstr}}
                </div>
                
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    住宿信息：
                </div>
                <div class="col-xs-10">  
                    {{cautionsleepstr}}
                </div>
                
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    拼团附注信息：
                </div>
                <div class="col-xs-10">  
                    {{speelstr}}
                </div>
                
            </div>
             <div class="col-xs-12">
                 <div class="col-xs-2">
                    支付类型：
                </div>
                <div class="col-xs-10">  
                    {{paystr}}
                    <br>{{paystr2}}</br>
                    {{paystr3}}
                    
                </div>
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    特殊人群限制：
                </div>
                <div class="col-xs-10">  
                    {{peoplestr}}
                </div>
               
            </div>
             <div class="col-xs-12">
                <div class="col-xs-2">
                    其他：
                </div>
                <div class="col-xs-10">  
                    {{qita}}
                </div>
                
            </div>
        </div>

         <div class="col-xs-12">
            <h4 style="color:orange">[退改说明]</h4>
        </div>
        
            <div class="col-xs-12">
                <div class="col-sm-12">

                    <div class="col-xs-2">
                        跟团条款：
                    </div>
                    <div class="col-xs-10">  
                        {{gentuan}}
                    </div>
                </div>
                <div class="col-sm-12">

                <div class="col-xs-2">
                    其他条款：
                </div>
                <div class="col-xs-10" >
                    <div class="col-xs-12" ng-repeat="info1 in othetarr" style="padding: 0px">  
                       {{$index+1}}、{{info1}}
                    </div>
                </div>
                </div>
                
            </div>
            
 

    </div>
    </div>
<div class="modal-body" id = "Excel_table" ng-show="false">
    
    <div class="container-fluid form-horizontal ">
        <div class = "col-xs-12" style = "text-align: center;">
            <h3>出团通知单</h3>
        </div>
        <div>尊敬的先生/女士：</div>
        <div>&nbsp;&nbsp;您好！</div>
        <div style="padding-bottom: 20px">&nbsp;&nbsp;为了确保您的正常出行，请务必仔细阅读如下出团通知及后附内容。请认真阅读如下:</div>

        <div class="col-sm-12">线路名称：{{obj.product_name}}</div>
         <div class="col-sm-12">集合地点/时间：{{selectArray}}</div>
        <div class="col-sm-12">出发城市：{{o.start_city_arr}}</div>
        <div class="col-sm-12">目的地城市：{{o.end_city}}</div>
     

         <div class="col-xs-12">
            <h4 style="color:orange">[费用包含]</h4>
        </div>
        <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0;">
            <div class="col-xs-12" ng-show="str!=''">
                <div class="col-xs-2">
                    大交通：
                </div>
                <div class="col-xs-10">  
                    {{str}}
                </div>
            </div>
            <div class="col-xs-12" ng-show="smallstr!=''">
                <div class="col-xs-2">
                    小交通：
                </div>
                <div class="col-xs-10">  
                    {{smallstr}}
                </div>
                
            </div>
             <div class="col-xs-12" ng-show="baoxian!=''">
                <div class="col-xs-2">
                    保险：
                </div>
                <div class="col-xs-10">  
                    {{baoxian}}
                </div>
                
            </div>
            <div class="col-xs-12" ng-show="sleepstr!=''">
                <div class="col-xs-2">
                    住宿：
                </div>
                <div class="col-xs-10">  
                    {{sleepstr}}
                </div>
                
            </div>
            <div class="col-xs-12" ng-show="eatstr!=''">
                <div class="col-xs-2">
                    含餐信息：
                </div>
                <div class="col-xs-10">  
                    {{eatstr}}
                </div>
                
            </div>
            <div class="col-xs-12" ng-show="orderstr!=''">
                <div class="col-xs-2">
                    其他：
                </div>
                <div class="col-xs-10">  
                    {{orderstr}}
                </div>
                
            </div>
        </div>
        <div class="col-xs-12">
            <h4 style="color:orange">[购买须知]</h4>
        </div>
        <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0;">
            <div class="col-xs-12">
                <div class="col-xs-2" style="color:red">
                    提示信息：
                </div>
                <div class="col-xs-10">  
                    {{cautionstr}}
                </div>
                
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    补充信息：
                </div>
                <div class="col-xs-10">  
                    {{addstr}}
                </div>
                
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    重要信息：
                </div>
                <div class="col-xs-10">  
                    {{importantstr}}
                </div>
                
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    住宿信息：
                </div>
                <div class="col-xs-10">  
                    {{cautionsleepstr}}
                </div>
                
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    拼团附注信息：
                </div>
                <div class="col-xs-10">  
                    {{speelstr}}
                </div>
                
            </div>
             <div class="col-xs-12">
                 <div class="col-xs-2">
                    支付类型：
                </div>
                <div class="col-xs-10">  
                     {{paystr}}
                    <br>{{paystr2}}</br>
                    {{paystr3}}
                </div>
            </div>
            <div class="col-xs-12">
                <div class="col-xs-2">
                    特殊人群限制：
                </div>
                <div class="col-xs-10">  
                    {{peoplestr}}
                </div>
               
            </div>
             <div class="col-xs-12">
                <div class="col-xs-2">
                    其他：
                </div>
                <div class="col-xs-10">  
                    {{qita}}
                </div>
                
            </div>
        </div>

         <div class="col-xs-12">
            <h4 style="color:orange">[退改说明]</h4>
        </div>
        <div class="col-xs-12" style="border-bottom: 1px solid #eaeff0;">
            
                <div class="col-sm-12">

                    <div class="col-xs-2">
                        跟团条款：
                    </div>
                    <div class="col-xs-10">  
                        {{gentuan}}
                    </div>
                </div>
                <div class="col-sm-12">

                <div class="col-xs-2">
                    其他条款：
                </div>
                <div class="col-xs-10" >
                    <div class="col-xs-12" ng-repeat="info1 in othetarr" style="padding: 0px">  
                       {{$index+1}}、{{info1}}
                    </div>
                </div>
                </div>
                                        
        </div>

    </div>
    </div>
    <div class="modal-footer">
        <button class="btn m-b-xs w-xs btn-success btn-rounded pull-right" ng-click="cancel()" style="margin-left: 10px">关闭</button>
        <!--导出word-->
         <a id="dlink" ng-show="false"  download="出团通知单.doc">导出</a>
    <button class="btn m-b-xs w-xs btn-success btn-rounded pull-right" ng-click="exportToExcel('#Excel_table')" >导出</button>
        
        
    </div>
   
  